<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>报告预览</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- Morris -->
    <link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
    <!-- Gritter -->
    <link href="js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/global.css" rel="stylesheet">
    <link href="css/sampleManage.css" rel="stylesheet">
    <style>
        .des{
            font-size: .14rem;
            color: #666;
        }
        .des div{
            font-size: .16rem;
            font-weight: bold;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="manageTitle">
        <div class="manageTitleBack" onclick="javascript:history.back(-1);">
            <i class="fa fa-chevron-left"></i>
        </div>
        <span class="manageTitleText">报告预览</span>
        <div class="manageTitleRightIcon2">
            <img src="img/inport.png" alt="">
            <div>下载</div>
        </div>
    </div>
    <div class="ibox float-e-margins">
        <div class="ibox-content floatClear">
            <div class="iboxTitle floatClear">
                <div class="iboxTitleBg">样本信息</div>
            </div>
            <table class="iboxDetailTable table table-striped">
                <thead>
                    <tr>
                        <th>ON号</th>
                        <th>NB号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>身份号</th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <td>ON180138939</td>
                    <td>ON180138939</td>
                    <td>王芳芳</td>
                    <td>女</td>
                    <td>142322198807120032</td>
                </tr>
                </tbody>
            </table>
            <div class="iboxTitle floatClear">
                <div class="iboxTitleBg">筛查结果列表</div>
            </div>
            <table class="iboxDetailTable table table-striped">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>位置</th>
                    <th>基因</th>
                    <th>ALL/EAS</th>
                    <th>核苷酸/氨基酸改变</th>
                    <th>疾病名称</th>
                    <th>遗传模式</th>
                    <th>突变状态</th>
                    <th>变异等级</th>
                    <th>分类</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>6:44657</td>
                    <td>MYO6</td>
                    <td>9.37e-05/0.0008</td>
                    <td>c.2672C>T/P.Thr891Met</td>
                    <td>常染色体显性非综合征性耳聋22型</td>
                    <td>AD</td>
                    <td>杂合</td>
                    <td>意义不明变异</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>6:44657</td>
                    <td>MYO6</td>
                    <td>9.37e-05/0.0008</td>
                    <td>c.2672C>T/P.Thr891Met</td>
                    <td>常染色体显性非综合征性耳聋22型</td>
                    <td>AD</td>
                    <td>杂合</td>
                    <td>意义不明变异</td>
                    <td>4</td>
                </tr>
                </tbody>
            </table>
            <div class="iboxTitle floatClear" style="margin-top: .38rem;">
                <div class="iboxTitleBg">(可能)致病变异详细解析</div>
            </div>
            <div style="font-size: .2rem;font-weight: bold;line-height: .6rem;color: #000;">c.qwe>p.qwe</div>
            <div class="des" style="margin-bottom: .3rem">
                <div>基因描述：</div>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
            </div>
            <div class="des" style="margin-bottom: .3rem">
                <div>变异解析：</div>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
            </div>
            <div class="des">
                <div>疾病描述：</div>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
            </div>
        </div>
    </div>
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/global.js?v=3.3.6"></script>
<script>
    $(document).ready(function () {

    });
</script>
</body>
</html>
